<template>
  <div class="styl1">
    <div>
      <Header />
    </div>
    <div>
      <carousel />
      <div
       class="styl2"
      >
        <span class="styl3"><b>正在热映：</b></span>
      </div>
      <hotMovie />
      <div class="styl4">
        <div class="styl5">
          <div class="styl6">
            <span class="styl7">即将上映：</span>
          </div>
          <div>
            <waitStart />
          </div>
        </div>
        <div class="styl8">
          <div class="styl9">
            <span class="styl10">最受欢迎Top5电影:</span>
          </div>
          <top5Movie />
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import Header from '@/components/Client/GlobalCom/Header'
import waitStart from '@/components/Client/DefaultCom/waitStart'
import top5Movie from '@/components/Client/DefaultCom/top5Movie'
import hotMovie from '@/components/Client/DefaultCom/hotMovie'
import carousel from '@/components/Client/DefaultCom/carousel'
import { onMounted } from 'vue'
import router from '@/router'
import '@/assets/scss/Default.scss'
onMounted(() => {
  if (document.documentElement.clientWidth < document.documentElement.clientHeight) {
    router.push('DefaultMobile')
  }
})
</script>
